body {
    font-family: "Microsoft YaHei Light", sans-serif;
    color: #585858;
}
/*底部导航样式*/
.buttom-nav {
    background: #ffffff;
}
.buttom-nav img {
    width: 1.25rem;
}
/*首页*/
.suggestion {
    position: fixed;
    bottom: 0;
}
.splite-line {
    width: 100%;
    text-align: center;
    position: relative;
}
.splite-line-1 {
    height: 1.5rem;
    line-height: 1.5rem;
    margin: 0;
    position: relative;
}
.splite-line-1:before {
    content: "";
    display: block;
    border-top: 1px solid #d8d8d8;
    width: 100%;
    height: 1px;
    position: absolute;
    top: 50%;
    z-index: 10;
}
.splite-line-1 span {
    background: #efeeed;
    display: inline;
    padding: 0 .55rem;
    position: relative;
    z-index: 20;
    color: #808e97;
    line-height: 1.5rem;
    font-weight: normal;
    font-size: .65rem;
    top: -.3rem;
}
.server-list ul {
    padding: 0 .3rem;
    clear: both;
}
.server-list ul li {
    list-style: none;
    float: left;
    width: 50%;
    padding: .3rem;
}
.server-list ul li i {
    width: 1.8rem;
    height: 1.8rem;
    margin-top: 0.3rem;
    display: block;
    float: left;
}
.server-list ul li:nth-child(100n + 1) i {
    background: url("../images/server-list-1.png") 0 center;
    background-size: 1.8rem;
}
.server-list ul li:nth-child(100n + 2) i {
    background: url("../images/server-list-2.png") 0 center;
    background-size: 1.8rem;
}
.server-list ul li:nth-child(100n + 3) i {
    background: url("../images/server-list-3.png") 0 center;
    background-size: 1.8rem;
}
.server-list ul li:nth-child(100n + 4) i {
    background: url("../images/server-list-4.png") 0 center;
    background-size: 1.8rem;
}
.server-list ul li span {
    display: block;
    float: left;
    line-height: 2.5rem;
    font-size: .75rem;
    color: #ffffff;
    margin-left: .5rem;
}
.server-list ul li a {
    display: block;
    border-radius: .3rem;
    padding: .55rem 0 .55rem 1rem;
    height: 3.6rem;
}
.server-list ul li:nth-child(100n + 1) a {
    background: #6edbf8;
}
.server-list ul li:nth-child(100n + 2) a {
    background: #f0c127;
}
.server-list ul li:nth-child(100n + 3) a {
    background: #fc7754;
}
.server-list ul li:nth-child(100n + 4) a {
    background: #6d99ef;
}
.zan-gift ul {
    padding: 0 .3rem;
    clear: both;
}
.zan-gift ul li {
    list-style: none;
    float: left;
    width: 50%;
    padding: .3rem;
}
.zan-gift ul li img {
    width: 1.4rem;
    display: block;
    float: left;
}
.zan-gift ul li span {
    display: block;
    float: left;
    line-height: 1.5rem;
    font-size: .75rem;
    padding-left: .55rem;
    color: #666666;
}
.zan-gift ul li a {
    display: block;
    background: #ffffff;
    border-radius: .3rem;
    padding: .25rem 1rem;
    height: 2rem;
}
.suggestions-complaint {
    margin-bottom: 0;
}
.suggestions-complaint ul {
    margin-bottom: 0;
    padding: 0 .3rem;
}
.suggestions-complaint ul li {
    list-style: none;
    float: left;
    width: 50%;
    padding: .3rem;
}
.suggestions-complaint ul li img {
    width: 1.2rem;
    display: block;
    float: left;
    line-height: 3.4rem;
}
.suggestions-complaint ul li span {
    display: block;
    float: left;
    font-size: .75rem;
    padding-left: .55rem;
    color: #666666;
}
.suggestions-complaint ul li a {
    display: block;
    border-radius: .3rem;
    padding: .25rem 1rem;
    height: 1.7rem;
}
.auto-play {
    background: beige;
}
.auto-play img {
    width: 100%;
    height: 100%;
}
.auto-play .swiper-pagination-bullet-active {
    background: #ffffff;
}
.auto-play .swiper-container {
    padding-bottom: 0;
}
.auto-play .swiper-container-horizontal > .swiper-pagination {
    bottom: .2rem;
}
.auto-play .bar {
    background: none;
}
.auto-play .bar .searchbar {
    background: none;
}
.auto-play .bar-header-secondary {
    top: .2rem;
}
.auto-play .bar:after {
    height: 0;
}
.auto-play .search-input .icon {
    left: auto;
    right: .3rem;
}
.auto-play .search-input label + input {
    padding-left: .5rem;
}
.auto-play .search-input input {
    border-radius: .8rem;
}
.searchbar {
    opacity: .5
}
.searchbar.searchbar-active {
    margin-right: 0;
    opacity: 1;
}
/*-----------------------------------老年便携通道------------------------------*/
.oldman-way h1 {
    font-size: .8rem;
    font-weight: bold;
    margin: .1rem 0;
}
.oldman-way h2 {
    font-size: .6rem;
    padding-bottom: .3rem;
    margin: .2rem 0 0 0;
    border-bottom: 1px solid #d8d8d8;
}
.oldman-way h2 span {
    padding-left: .3rem;
}
.oldman-way p {
    color: #666666;
    font-size: .7rem;
    margin: .2rem 0;
}
.oldman-way .frist-p {
    margin-top: .7rem;
}
.repair-num {
    text-align: center;
}
.repair-num h3 {
    color: #999;
    font-size: .6rem;
    font-weight: normal;
    margin-top: 7rem;
    margin-bottom: 0;
    padding-bottom: 0;
}
/*-----------------------------------轮播详情------------------------------*/
.register-info h1 {
    color: #333;
    font-size: .8rem;
    font-weight: bold;
    margin: .1rem 0;
}
.register-info h2 {
    color: #333;
    font-size: .6rem;
    padding-bottom: .3rem;
    margin: .2rem 0 0 0;
    border-bottom: 1px solid #d8d8d8;
}
.register-info h2 span {
    padding-left: .3rem;
}
.register-info p {
    color: #666;
    font-size: .7rem;
    margin: .2rem 0;
}
.register-info .frist-p {
    margin-top: .7rem;
}
.repair-num {
    margin-top: 7rem;
    text-align: center;
}
.repair-num a {
    font-size: .7rem;
}
.repair-num h3 {
    margin-bottom: 0;
    padding-bottom: 0;
}
/*-----------------------------------灯具------------------------------*/
.lamps .list-block {
    margin: 0;
    font-size: .75rem;
}
.lamps .list-block .item-media + .item-inner {
    margin-left: 0;
}
.lamps .list-block .item-after {
    color: #f25509;
}
.lamps .list-block .item-content {
    padding-left: .5rem;
}
.by-description p {
    margin: .2rem 0;
    color: #999999;
    font-size: .65rem;
}
.by-description .frist-p {
    margin-top: .95rem;
    font-size: .75rem;
    color: #999999;
}
.list-block .item-title {
    color: #333333;
}
/*-----------------------------------指定小哥------------------------------*/
.choose-people .search-input .icon {
    left: auto;
    right: .3rem;
}
.choose-people .content-padded {
    margin: 0 .5rem;
}
.choose-people .search-input label + input {
    padding-left: 0.7rem;
}
.choose-people .search-input input {
    border-radius: 1.25rem;
    border: 1px solid #d8d8d8;
}
.choose-people .list-block {
    margin: 0;
}
.choose-people .list-block .item-content {
    padding-left: 0;
    border-top: 1px solid #d8d8d8;
    border-bottom: 1px solid #d8d8d8;
}
.people-info .people-pic {
    max-width: 3.5rem;
    max-height: 3.5rem;
    float: left;
}
.people-info .people-name {
    float: left;
    padding-left: .8rem;
}
.people-info .people-name p {
    margin: 0;
    font-size: .8rem;
}
.people-info .people-name p:first-child {
    color: #333333;
}
.people-info .people-name p:nth-child(100n + 2) img {
    width: .8rem;
    margin-right: .1rem;
}
.people-info .people-name p:nth-child(100n + 3) {
    color: #f25509;
}
.people-info .people-pic img {
    max-width: 3.5rem;
    max-height: 3.5rem;
    border-radius: .3rem;
}
.people-info .list-block .item-after {
    max-height: none;
}
.people-aptitude p {
    color: #666666;
    margin: 0;
    font-size: .8rem;
}
.scheduling-title {
    padding: 1rem .3rem;
    background: #ffffff;
    margin-top: 1rem;
    border-top: 1px solid #d8d8d8;
    border-bottom: 1px solid #d8d8d8;
}
.scheduling-title div {
    float: right;
    font-size: .7rem;
    line-height: .8rem;
}
.scheduling-title div:first-child {
    float: left;
    font-size: .8rem;
    line-height: .8rem;
}
.scheduling-title div:nth-child(100n + 3) {
    width: .8rem;
    height: .8rem;
    background: #999999;
    margin-left: .4rem;
    margin-right: .2rem;
}
.scheduling-title div:nth-child(100n + 5) {
    width: .8rem;
    height: .8rem;
    background: #25b0ff;
    margin-left: .4rem;
    margin-right: .2rem;
}
.scheduling-title div:nth-child(100n + 7) {
    width: .8rem;
    height: .8rem;
    background: #f25509;
    margin-left: .4rem;
    margin-right: .2rem;
}
.scheduling-info ul {
    list-style: none;
    padding-left: 0;
}
.scheduling-info ul:first-child {
    background: #e9e9e9;
    padding: .5rem 0;
    margin: 0;
}
.scheduling-info ul li {
    float: left;
    text-align: center;
}
.scheduling-date li {
    width: calc((100%) / 7);
    border-right: 1px solid #b7b7b7;
    font-size: .75rem;
    color: #666666;
    position: relative;
}
.scheduling-date li input[type=radio] {
    display: block;
    height: 100%;
    left: 0;
    opacity: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 1;
}
.scheduling-date li input[type=radio]:checked + span {
    color: #ff3b30;
}
.scheduling-time {
    margin-top: 0;
    margin-bottom: 0;
}
.scheduling-time li {
    width: calc((100%) / 7);
    background: #ffffff;
    border: 1px solid #f2f2f2;
    position: relative;
    font-size: .75rem;
    color: #666666;
}
.scheduling-time li input[type=radio] {
    display: block;
    height: 100%;
    left: 0;
    opacity: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 1;
}
.scheduling-time li span {
    display: block;
    padding: .5rem 0;
}
.scheduling-time li input[type=radio]:checked + span {
    background: #25b0ff;
    color: #ffffff;
}
.scheduling-time li input[type=radio]:disabled + span {
    background: #999999;
    color: #ffffff;
}
.scheduling-time li.ordered input[type=radio]:disabled + span {
    background: #f25509;
    color: #ffffff;
}
.content-block.sure {
    margin-top: 1rem;
}
.order-message {
    padding-left: .75rem;
    padding-right: .75rem;
    color: #999999;
    font-size: .65rem;
}
.sure .button-success.button-fill {
    background: #6edbf8;
}
.sure .button-success.button-fill:active {
    background: #6ec8e6;
}
.submit {
    background: #fefefe;
    position: fixed;
    left: 0;
    bottom: 0;
    width: 100%;
    margin-bottom: 0;
}
.submit .button-success.button-fill {
    background: #588df5;
    width: 100%;
}
.submit .button-success.button-fill:active {
    background: #5073d3;
}
/*-----------------------------------紧急预约------------------------------*/
.normal-server-footer ~ .content {
    bottom: 3rem;
}
.normal-server-footer {
    background: #ffffff;
    height: 3rem;
}
.normal-server-footer .button {
    height: 2rem;
    line-height: 2rem !important;
    top: 0;
}
.normal-server .list-block.media-list .item-title-row {
    display: -webkit-box;
    font-size: .6rem;
}
.normal-server .list-block .item-after {
    margin-left: 0;
}
.service div {
    float: left;
    font-size: .7rem;
    color: #333333;
}
.service div:nth-child(100n + 2) {
    float: right;
}
.service-address span {
    display: block;
    font-size: .7rem;
    color: #333333;
}
.service-address-1 {
    float: left;
}
.address-info {
    padding-left: 3.4rem;
}
.normal-server .list-block {
    margin: 0;
}
.normal-server button {
    width: 100%;
}
.choose-submit {
    margin-bottom: 0;
    background: #fdfdfd;
    padding: .5rem 0;
}
.choose-submit .content-block {
    margin: 0;
}
.choose-submit .button-danger.button-fill {
    background: #6edbf8;
}
.choose-submit .button-danger.button-fill:active {
    background: #6ec8e6;
}
.choose-submit .button-success.button-fill {
    background: #588df5;
    width: 100%;
}
.choose-submit .button-success.button-fill:active {
    background: #5073d3;
}
.normal-server .order-box-1 span {
    display: block;
    width: 50%;
    float: left;
    height: 3rem;
    text-align: center;
    line-height: 3rem;
    font-size: .75rem;
}
.normal-server .order-box-1 span:first-child {
    background: #ffffff url("../images/normal-order.png") no-repeat 20% 50%;
    background-size: 1.1rem;
    border-right: 1px solid #d8d8d8;
    color: #999999;
}
.normal-server .order-box-1 span:last-child {
    background: #ffffff url("../images/emerg-order.png") no-repeat 20% 50%;
    background-size: .9rem;
    color: #588df5;
}
.order-box {
    margin-top: .75rem;
    border-top: 1px solid #d8d8d8;
}
.color-box-time {
    margin: 0;
    padding: 0;
}
.color-box-time li {
    display: block;
    float: left;
    background: #e9e9e9;
    border: 1px solid #d8d8d8;
    width: 25%;
    text-align: center;
    color: #666666;
    font-size: .75rem;
    position: relative;
}
.color-box-time li:first-child {
    border-left: none;
}
.color-box-time li:last-child {
    border-right: none;
}
.color-box-time li input[type=radio] {
    display: block;
    height: 100%;
    opacity: 0;
    position: absolute;
    width: 100%;
    z-index: 2;
}
.color-box-time li span {
    display: block;
    padding: .45rem .75rem;
}
.color-box-time li input[type=radio]:checked + span {
    background: #25afff;
    color: #ffffff;
}
.server-message {
    background: #ffffff;
    padding-left: .75rem;
    padding-right: .75rem;
    height: 2rem;
    line-height: 2rem;
    font-size: .75rem;
}
.server-message label {
    color: #000000;
}
.server-message input {
    border: none;
    padding-left: .45rem;
    width: 80%;
}
.upload-pic {

}
.upload-title {
    margin-top: .75rem;
    background: #ffffff;
    padding-left: .75rem;
    padding-right: .75rem;
    height: 2rem;
    line-height: 2rem;
    font-size: .75rem;
    border-bottom: 1px solid #d8d8d8;
}
.upload-pic .pic-list {
    padding: .375rem .75rem;
    background: #ffffff;
}
.upload-pic .pic-list div:first-child {
    margin-left: 0;
}
.upload-pic .pic-list div {
    width: 3rem;
    height: 3rem;
    float: left;
    position: relative;
    margin: .375rem .75rem .375rem 0;
    border: 1px solid #d8d8d8;
}
.upload-pic .pic-list div span {
    display: block;
    position: relative;
}
.upload-pic .pic-list div span a {
    display: block;
    position: absolute;
    width: 1.3rem;
    left: 2.2rem;
    bottom: 2.3rem;
}
.upload-pic .pic-list div span img {
    width: 3rem;
    height: 3rem;
}
.upload-pic .pic-list div span img:last-child {
    width: 1.3rem;
    height: 1.3rem;
}
.upload-pic .pic-list div.upload-btn {
    background: #25b0ff;
    background: url("../images/upload-add-btn.png") no-repeat 50% 50%;
    background-size: 60%;
}
.upload-description {
    padding-left: .75rem;
    padding-right: .75rem;
    background: #ffffff;
    padding-bottom: .75rem;
    font-size: .65rem;
    color: #999999;
}
.recommends-worker {
    background: #ffffff;
    margin-top: .65rem;
    border-top: 1px solid #d8d8d8;
    border-bottom: 1px solid #d8d8d8;
}
.recommends-title {
    margin-left: .5rem;
    padding: .65rem .75rem .65rem 0;
    font-size: .75rem;
    color: #000000;
    border-bottom: 1px solid #d8d8d8;
}
.worker-list {
    overflow: hidden;
    white-space: nowrap;
    border-bottom: 1px solid #d8d8d8;
}
.worker-list .pic-box {
    width: 4rem;
    height: 5rem;
    border-radius: .3rem;
    border: 1px solid #d8d8d8;
    padding: .3rem;
    margin: .5rem 0;
    background: #ebf1fd;
}
.worker-list div {
    float: left;
}
.worker-list .pic-box img {
    width: 100%;
    border-radius: .3rem;
    border: 1px solid #d8d8d8;
}
.worker-list .pic-box p {
    margin-top: 0;
    margin-bottom: 0;
    text-align: center;
    font-size: .65rem;
}
.worker-list .swiper-container {
    width: 100%;
    height: 100%;
    padding-bottom: 0;
}
.worker-list .swiper-slide {
    text-align: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    width: 5rem !important;
    margin-right: 0 !important;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    z-index: 999;
}
.bg-line {
    height: 4rem;
    width: 100%;
    background: #efeff4;
}
/*-----------------------------------普通预约------------------------------*/
.server-message-top {
    border-top: 1px solid #d8d8d8;
}
.normal-server .normal.order-box-1 span:first-child,
.order-box .buttons-tab a:first-child.active {
    background: #ffffff url("../images/normal-order-active-1.png") no-repeat 20% 50%;
    background-size: 1.1rem;
    border-right: 1px solid #d8d8d8;
    color: #588df5;
}
.order-box .buttons-tab a:first-child {
    background: #ffffff url("../images/normal-order.png") no-repeat 20% 50%;
    background-size: 1.1rem;
    border-right: 1px solid #d8d8d8;
}
.normal-server .normal.order-box-1 span:last-child,
.order-box .buttons-tab a:last-child {
    background: #ffffff url("../images/normal-order-active-3.png") no-repeat 20% 50%;
    background-size: .9rem;
    color: #999999;
    border-left: 1px solid #d8d8d8;
}
.order-box .buttons-tab a:last-child.active {
    background-image: url("../images/emerg-order.png");
    color: #588df5;
}
.order-box .buttons-tab a {
    border-bottom: none;
    height: 3rem;
    line-height: 3rem;
}
.order-box .buttons-tab a.active {
    border-bottom: none;
}
/*-----------------------------------普通预约（可选时间）------------------------------*/
/*-----------------------------------维修安装------------------------------*/
.page, .page-group {
    background: #efeeed;
}
.server-install .titles a {
    color: #999999;
}
.server-install .buttons-tab .button.active {
    color: #588df5;
    border-color: #588df5;
}
.server-install .button {
    padding: 0;
}
.server-install ul {
    list-style: none;
    width: 100%;
    padding-left: .375rem;
    padding-right: .375rem;
}
.server-install ul li {
    width: 33.333333%;
    float: left;
    box-sizing: border-box;
    border-radius: .2rem;
    text-align: center;
    padding-left: .375rem;
    padding-right: .375rem;
    margin-bottom: .75rem;
}
.server-install ul li a {
    border-radius: .3rem;
    border: 1px solid #dfdfdf;
    color: #666;
    font-size: .8rem;
    display: block;
    background: #ffffff;
    padding: .3rem 0;
    width: 100%;
}
.server-install .content-block {
    margin: 0;
    padding: 0;
}
.more-service {
    margin-top: 6rem;
    text-align: center;
    font-size: .7rem;
    color: #999999;
}
.choose-order-address .list-block {
    margin: 0;
}
.choose-order-address .list-block ul {
    background: transparent;
}
.choose-order-address ul li {
    border-top: 1px solid #d8d8d8;
    border-bottom: 1px solid #d8d8d8;
    margin-bottom: 1rem;
    background: #ffffff;
}
.choose-order-address ul li:first-child {
    border-top: none;
}
.choose-order-address .update-address-btn {
    width: 1.5rem;
    height: 1.5rem;
}
.choose-order-address .item-text span {

}
.choose-order-address .service-address span {
    font-size: .75rem;
    color: #333333;
}
.choose-order-address .list-block.media-list .item-title {
    color: #333333;
}
.choose-order-address .list-block .item-subtitle {
    color: #333333;
}
.choose-order-address .list-block .item-inner:after {
    height: 0;
}
/*-----------------------------------投诉与建议------------------------------*/
.advice-form {
    margin-bottom: 1rem;
}
.advice-form textarea {
    display: block;
    width: 100%;
    border: none;
    margin-top: 1rem;
    padding: .5rem;
    font-size: .65rem;
    resize: none;
}
.advice-form p {
    padding-bottom: .1rem;
    padding-right: .5rem;
    margin: -.2rem 0;
    background: #ffffff;
    text-align: right;
    color: #b5b5b5;
}
.advice-form .button-success.button-fill {
    width: 100%;
}
.advice-form .row {
    margin-left: 0;
}
/*-----------------------------------推荐有奖------------------------------*/
.award .award-1, .award-2 {
    padding-left: .75rem;
    padding-right: .75rem;
}
.award .award-1 {
    padding-top: .75rem;
}
.award .award-2 h3 {
    color: #808e97;
    font-size: .75rem;
    font-weight: normal;
}
.award .award-2 p {
    color: #999999;
    font-size: .65rem;
}
.award div img {
    width: 100%;
}
.award .row {
    margin-left: 0;
}
.list-block ul.ul-bg {
    background: none;
}
.choose-people .list-block .item-content.tuijian {
    margin-bottom: .5rem;
    background: #ffffff;
}
.choose-people-footer ~ .content {
    bottom: 3rem;
}
.choose-people-footer {
    height: 3rem;
}
.choose-people-footer p {
    margin: 0;
    padding: .5rem 0;
}
.choose-people-footer .button {
    background: #588df5;
    height: 2rem;
    line-height: 2rem;
    top: 0;
    width: 100%;
}